﻿/********************************************************************************************
*                                                                                           *
*     CSS Sprite para todas las imagenes de MediPort-Web                                    *
*                                                                                           *
********************************************************************************************/

.sprite{background: url('../Imagenes/Marter.png') no-repeat left top;} 
/*Imagenes para la barra de herramientas*/
.sprite.Nuevo32 { background-position: 0px -546px; width: 37px; height: 32px;  } 
.sprite.Nuevo32:hover {background-position: 0px -546px; width: 37px; height: 37px; border-style: groove; cursor: pointer;} 
.sprite.Nuevo32dis { background-position: 0px -630px; width: 37px; height: 32px;  }

.sprite.GuardarA32 { background-position: 0px -336px; width: 37px; height: 32px;  } 
.sprite.GuardarA32:hover { background-position: 0px -336px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.GuardarA32dis { background-position: 0px -378px; width: 37px; height: 32px;  } 

.sprite.Imprimir32 { background-position: 0px -420px; width: 37px; height: 32px;  }
.sprite.Imprimir32:hover { background-position: 0px -420px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.Imprimir32dis { background-position: 0px -462px; width: 37px; height: 32px;  } 

.sprite.Aprobar32 { background-position: 0px -84px; width: 37px; height: 32px;  } 
.sprite.Aprobar32:hover { background-position: 0px -84px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.Aprobar32dis { background-position: 0px -126px; width: 37px; height: 32px;  } 

.sprite.Rechazar32 { background-position: 0px -756px; width: 37px; height: 32px;  } 
.sprite.Rechazar32:hover { background-position: 0px -756px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.Rechazar32dis { background-position: 0px -798px; width: 37px; height: 32px;  } 

.sprite.incidencias32 { background-position: 0px -504px; width: 37px; height: 32px;  } 
.sprite.incidencias32:hover { background-position: 0px -504px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.incidencias32dis { background-position: 0px -588px; width: 37px; height: 32px;  } 

.sprite.usuario32 { background-position: 0px -1008px; width: 37px; height: 32px;  } 
.sprite.usuario32:hover { background-position: 0px -1008px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.usuario32dis { background-position: 0px -1050px; width: 37px; height: 32px;  }

.sprite.editcopy32 { background-position: 0px -252px; width: 37px; height: 32px;  } 
.sprite.editcopy32:hover { background-position: 0px -252px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.editcopy32dis { background-position: 0px -294px; width: 37px; height: 32px;  } 

.sprite.rectificar32 { background-position: 0px -840px; width: 37px; height: 32px;  } 
.sprite.rectificar32:hover { background-position: 0px -840px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.rectificar32dis { background-position: 0px -882px; width: 37px; height: 32px;  } 

.sprite.recargar32 { background-position: 0px -672px; width: 37px; height: 32px;  } 
.sprite.recargar32:hover { background-position: 0px -672px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.recargar32dis { background-position: 0px -714px; width: 37px; height: 32px;  } 

.sprite.anterior32 { background-position: 0px 0px; width: 37px; height: 32px;  } 
.sprite.anterior32:hover { background-position: 0px 0px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.anterior32dis { background-position: 0px -42px; width: 37px; height: 32px;  } 

.sprite.siguiente32 { background-position: 0px -924px; width: 37px; height: 32px;  } 
.sprite.siguiente32:hover { background-position: 0px -924px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.siguiente32dis { background-position: 0px -966px; width: 37px; height: 32px;  } 

.sprite.ayuda32 { background-position: 0px -168px; width: 37px; height: 32px;  } 
.sprite.ayuda32:hover { background-position: 0px -168px; width: 37px; height: 37px;  border-style: groove; cursor: pointer;} 
.sprite.ayuda32dis { background-position: 0px -210px; width: 37px; height: 32px;  } 


/*Imagenes para Encabezado mediport*/
.sprite.topFondo { background-position: 0px -1733px; width: 35px; height: 100px;  background-repeat: repeat-x;} 

/*Imagenes para Usuario*/
.sprite.iconousuario { background-position: 0px -1659px; width: 35px; height: 35px; float: left} 
.sprite.cuadroUsuarioInicio { background-position: 0px -1092px; width: 22px; height: 40px;  float: left;} 
.sprite.cuadroUsuarioMedio { background-position: 0px -1142px; width: 35px; height: 40px;  float: left; background-repeat: repeat-x;} 
.sprite.cuadroUsuarioFin { background-position: 0px -1192px; width: 16px; height: 40px; float: left; } 

/*Imagenes para el Bordo de la forma en general*/
.sprite.esquinasuperiorizquierdo { background-position: 0px -1551px; width: 10px; height: 7px;  } 
.sprite.esquinasuperiorderecho { background-position: 0px -1568px; width: 10px; height: 7px;  } 
.sprite.esquinainferiorderecho { background-position: 0px -1585px; width: 10px; height: 7px;  } 
.sprite.esquinainferiorizquierdo { background-position: 0px -1602px; width: 10px; height: 7px;  } 
.sprite.topFormaBaseGris { background-position: 0px -1517px; width: 35px; height: 7px;  background-repeat: repeat-x;} 
.sprite.baseFormaBaseGris { background-position: 0px -1534px; width: 35px; height: 7px;  background-repeat: repeat-x;} 
.sprite.bordelateralderecho { background-position: 0px -1843px; width: 10px; height: 1000px;  } 
.sprite.bordelateralizquierdo { background-position: 0px -2853px; width: 10px; height: 1000px;  } 

/*Imagenes para el control de Emcabezado del documento*/
.sprite.bordeblancotitulogris { background-position: 0px -1242px; width: 12px; height: 60px;  } 
.sprite.bordeblancotitulogriscentro { background-position: 0px -1312px; width: 35px; height: 60px;  background-repeat: repeat-x;} 
.sprite.bordeblancotitulogrisderecho { background-position: 0px -1382px; width: 14px; height: 60px;  } 

.sprite.bannerGrisSubTitulos { background-position: 0px -1452px; width: 35px; height: 19px;  } 
.sprite.bannerVerdeTitulo { background-position: 0px -1481px; width: 35px; height: 26px;  } 
.sprite.fondoplata { background-position: 0px -1619px; width: 35px; height: 30px;  } 
.sprite.separador { background-position: 0px -1704px; width: 35px; height: 2px;  background-repeat: repeat-x;} 
.sprite.bottombasegrisbackground { background-position: 0px -1716px; width: 35px; height: 7px;  } 

.sprite.Bullet-Black { background-position: 0px -3863px; width: 32px; height: 32px;  } 
.sprite.Bullet-Blue { background-position: 0px -3905px; width: 32px; height: 32px;  } 

/********************************************************************************************
*                                                                                           *
*     Estilo para MasterPage                                                                *
*                                                                                           *
********************************************************************************************/

body
{
	background-color: #FFFFFF; 
	margin: 0px;
	padding: 0px;
	color: #000000;
	margin-right: 0px;
	margin-top: -20px;
	margin-left: 0px;
}

.MasterPage{
    width: 100%;
    background-color: #fafafa;
    margin: 20px auto 0px auto;
    /*border: 1px solid #496077;*/
}

.Masterdivespacio
{
	height:5px;
	position:relative;
	background-color:#e6e6e6;
}

.MasterdivContenidoGeneral
{
	background-color: black;
	/*border-bottom-style: solid;
	border-bottom-color: #BDBDBD;
	border-bottom-width: thin;*/
	border-left-style: solid;
	border-left-color: #BDBDBD;
	border-left-width: thin;
	border-right-style: solid;
	border-right-color: #BDBDBD;
	border-right-width: thin;
}


.Mastertxtgeneralblacktitulos
{
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	border:none;
}

.Masterheader
{
	width: 100%;
	height: 100px;
	vertical-align: middle;
	background-image: url('../Imagenes/siti_logo.png');
	background-repeat: no-repeat;
}

/********************************************************************************************
*                                                                                           *
*     Estilo nav2 tipo radiobutton para MasterPage						                    *
*                                                                                           *
********************************************************************************************/

#nav3 { 
line-height: 100%; 
margin: 0; 
padding: 7px 6px 0; 
/*border-radius: 2em; */
font-size:12px;
font-family:Arial;
} 

#nav3 li { /* cada item de esa lista */ 
float: left; 
list-style: none; 
} 

#nav3 li a{
text-decoration:none;
font-weight:bold;
margin: 0 2px; 
padding:5px 25px 10px;
position: relative; 
background: url('../Imagenes/Marter.png') no-repeat left top;
background-position: 0px -3863px; width: 32px; height: 32px;
font-family:@Arial Unicode MS;
font-size:12px;
color:#000000;
}

#nav3 li a:hover{ 
font-weight:bold;
color:Black;
text-decoration:underline;
background: url('../Imagenes/Marter.png') no-repeat left top;
background-position: 0px -3905px; width: 32px; height: 32px;
}	 

/********************************************************************************************
*                                                                                           *
*     Estilo nav2 lista para el nav2 de los tramines para MasterPage				        *
*                                                                                           *
********************************************************************************************/
#nav2, #nav2 ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#nav2
{
	width: 100%;
	margin: 0px auto;
	border: 1px solid #222;
	background-color: #CC0000;
	background-image: linear-gradient(#444, #CC0000);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}
	
	#nav2:before,
	#nav2:after {
		content: "";
		display: table;
	}
	
	#nav2:after {
		clear: both;
	}
	
	#nav2 {
		zoom:1;
	}
	
	#nav2 li {
		float: left;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;
		position: relative;
	top: 0px;
	left: 0px;
}
	
	#nav2 a
{
	float: left;
	padding: 12px 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
	
	#nav2 li:hover > a {
		color: #fafafa;
	}
	
	*html #nav2 li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	#nav2 ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 1;    
		background: #444;
		background: -moz-linear-gradient(#444, #CCCCCC);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#CCCCCC));
		background: -webkit-linear-gradient(#444, #CCCCCC);    
		background: -o-linear-gradient(#444, #CCCCCC);	
		background: -ms-linear-gradient(#444, #CCCCCC);	
		background: linear-gradient(#444, #CCCCCC);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#nav2 li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#nav2 ul ul {
		top: 0;
		/*Aqui le movi y se hizo un espacio*/
		left: 135px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#nav2 ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#nav2 ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#nav2 ul a {    
		padding: 5px 10px;
		width: auto;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#nav2 ul a:hover {
		background-color: #FF0000;
		background-image: -moz-linear-gradient(#CCCCCC,  #FF0000);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FF0000));
		background-image: -webkit-linear-gradient(#CCCCCC, #FF0000);
		background-image: -o-linear-gradient(#CCCCCC, #FF0000);
		background-image: -ms-linear-gradient(#CCCCCC, #FF0000);
		background-image: linear-gradient(#CCCCCC, #FF0000);
	}
	
	#nav2 ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#nav2 ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#nav2 ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#nav2 ul li:first-child a:hover:after {
		border-bottom-color: #CCCCCC; 
	}
	
	#nav2 ul ul li:first-child a:hover:after {
		border-right-color: #CCCCCC; 
		border-bottom-color: transparent; 	
	}
	
	#nav2 ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#nav2-trigger {
		display: none;
	}

	@media screen and (max-width: 600px) {

		/* nav-wrap */
		#nav2-wrap {
			position: relative;
		}

		#nav2-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* nav2 icon */
		#nav2-trigger {
			display: block; /* show nav2 icon */
			height: 40px;
			line-height: 40px;
			cursor: pointer;		
			padding: 0 0 0 35px;
			border: 1px solid #222;
			color: #fafafa;
			font-weight: bold;
			background-color: #111;
			background: url() no-repeat 10px center, -moz-linear-gradient(#444, #111); 
			background: url() no-repeat 10px center, -webkit-linear-gradient(#444, #111);	
			background: url() no-repeat 10px center, -o-linear-gradient(#444, #111);
			background: url() no-repeat 10px center, -ms-linear-gradient(#444, #111);
			background: url() no-repeat 10px center, linear-gradient(#444, #111);
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
			-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
			box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		}
		
		/* main nav */
		#nav2 {
			margin: 0; padding: 10px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			background-color: #444;
			display: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav2:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#nav2 ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;				
		}

		#nav2 ul ul {
			margin: 0 0 0 20px !important;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav2 li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;			
		}

		#nav2 ul li{
			margin-left: 20px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav2 a{
			display: block;
			float: none;
			padding: 0;
			color: #999;
		}

		#nav2 a:hover{
			color: #fafafa;
		}	

		#nav2 ul a{
			padding: 0;
			width: auto;		
		}

		#nav2 ul a:hover{
			background: none;	
		}

		#nav2 ul li:first-child a:after,
		#nav2 ul ul li:first-child a:after {
			border: 0;
		}		

	}

	@media screen and (min-width: 600px) {
		#nav2 {
			display: block !important;
		}
	}	

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#nav2 li:hover > .no-transition {
		display: block;
	}


/********************************************************************************************
*                                                                                           *
*     Estilo para el contenido de la Forma en general                                       *
*                                                                                           *
********************************************************************************************/

.tablaprincipalforma
{
background-color: #e6e6e6;
vertical-align: top;
border: 0px; 
height: auto; 
}

.tituloazul{
font-family:Arial;
font-size:20px;
text-align:left;
color:#183376;
padding-left:10px;
font-weight:bold;
}

.tablaContenidoForma
{
background-color: #DFDAD4;
border: 0px;  
width: 930px; 
height: 100%; 
float: left;
}

.tablaContenidoControl
{
background-color: #DFDAD4;
border: 0px;  
}

.bannerverdetitulogris
{
/*background-image: url('../Imagenes/diseno/barraverdebackground.png'); */
background: url('../Imagenes/Marter.png');
background-position: 0px -1481px; width: 100%; 
max-height: 26px;
height : 26px; 
text-align: left; 
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder; 
font-size: 12px; 
color: #FFFFFF; 
vertical-align:bottom;
background-repeat:repeat-x;
}

.bannergrissubtitulos600
{
/*background-image: url('../Imagenes/diseno/bannergrissubtitulos600.png');*/
background: url('../Imagenes/Marter.png');
background-position: 0px -1452px; height: 19px;
 
width: 100%; 
font-family: Arial; 
font-size: 14px; 
color: White; 
font-weight: bold;                                
}

.topbasegrisbackground
{
	background: url('../Imagenes/Marter.png');
	background-position: 0px -1517px; width: 35px; height: 7px;
	background-repeat: repeat-x;
}

.bottombasegrisbackground
{
	background: url('../Imagenes/Marter.png');
	background-position: 0px -1534px; width: 35px; height: 7px;
	background-repeat: repeat-x;
}


.bordelateralderecholargo
{
	background: url('../Imagenes/Marter.png');
	background-position: 0px -1843px; 
	width: 10px; 
	height: 100%;
}
.bordelateralizquierdolargo
{
	background: url('../Imagenes/Marter.png');
	background-position: 0px -2853px; 
	width: 10px; 
	height: 100%;

}



/********************************************************************************************
*                                                                                           *
*     Estilo para los controles de la forma                                                 *
*                                                                                           *
********************************************************************************************/
/* tabs */
.WebTab
{
	background-color: #DFDAD4;
	font-weight: bold;
	
}

.igtab_THContentHolder
{
	border: none;
}

.igtab_THContent 
{
	background-color:#DFDAD4;
	
}

.igtab_THText
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

.igtab_THHolder
{
	background: #DFDAD4;
}

.igtab_THTabHov, .igtab_THCenterHov,  .igtab_THTailHov
{
	background-color: #8eb100;
	background-image: -moz-linear-gradient(#668603,  #8eb100);	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#668603), to(#8eb100));
	background-image: -webkit-linear-gradient(#668603, #8eb100);
	background-image: -o-linear-gradient(#668603, #8eb100);
	background-image: -ms-linear-gradient(#668603, #8eb100);
	background-image: linear-gradient(#668603, #8eb100);
	background-position:0px 0px;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}

.igtab_THCenterSel, .igtab_THTailSel, .igtab_THTabSel
{
	background-color: #669A66;
	background-image: -moz-linear-gradient(#9BCC9B,  #669A66);	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9BCC9B), to(#669A66));
	background-image: -webkit-linear-gradient(#9BCC9B, #669A66);
	background-image: -o-linear-gradient(#9BCC9B, #669A66);
	background-image: -ms-linear-gradient(#9BCC9B, #669A66);
	background-image: linear-gradient(#9BCC9B, #669A66);
	background-position:0px 0px;
	
	font-weight: bold;
	border:none;
	
}
.igtab_THTailSel
{
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #808080;
}
.igtab_THTabSel
{
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #808080;
}


/*Estilo para boton negro*/
.black_btn
{
    background-image: -moz-linear-gradient(center bottom,rgb(0,0,0) 0%,rgb(175,176,175) 100%);
    background-color: #000;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 1px 5px;
    border: 0px black none;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 23px;
}
.black_btn:hover
{
	background-image: -moz-linear-gradient(center bottom,rgb(0,0,70) 0%,rgb(200,200,200) 100%);
	background-color: #000;
	color: #FFFF99;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 1px 5px;
	border: 0px black none;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 23px;
}



/*Estilo para LabelGeneral*/
.LabelGeneral
{
    font-family: Arial;
    font-size: 11px;
    color: #5c5c5c;
    font-weight: bold;
}



/*Estilo para Boton Agranel*/
.ButtonAgranel
{
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,0,0)),color-stop(1, rgb(0,90,250)));
    background-image: -moz-linear-gradient(center bottom,rgb(67,90,250) 0%,rgb(67,90,250) 80%);
    background-color: blue;
    color: Lime;
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 1px 5px;
    border: 0px black none;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4x;
}



/*Estilo para LabelBoton*/
.LabelBoton
{
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,0,0)),color-stop(1, rgb(125,126,125)));
    background-image: -moz-linear-gradient(center bottom,rgb(0,0,0) 0%,rgb(175,176,175) 100%);
    background-color: #000;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 1px 5px;
    border: 0px black none;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



/*Estilo para TextBox General*/
.txtBoxGeneral
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: lighter;
    color: #515151;
    background-color: #FAFAFA;
}
.txtBoxGeneral:hover
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: lighter;
	color: #515151;
	background-color: #FFFFCC;
}



/*Estilo para TextBoxMultilinea General*/
.txtBoxMultiLine
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: lighter;
    color: #515151;
    background-color: #FAFAFA;
    resize: none;
}
.txtBoxMultiLine:hover
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: lighter;
    color: #515151;
    background-color: #FFFFCC;
    resize: none;
}



/*Estilo para ListBox General*/
.listBoxGeneral
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: lighter;
    color: #515151;
    background-color: #FAFAFA;
}
.listBoxGeneral:hover
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: lighter;
    color: #515151;
    background-color: #FFFFCC;
}



/*Estilo para DropDownList General*/
.dropDownListGeneral
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: lighter;
    color: #515151;
    background-color: #FAFAFA;
}
.dropDownListGeneral
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: lighter;
    color: #515151;
    background-color: #FFFFCC;
	height: 18px;
}



/*Estilo para ModalPopUp*/
.modalPopUp
{
    background-color: black;
    opacity: 0.5;
}

.modalPopUpExtender
{
    background-color: White;
    opacity: 0.5;
}


.labelGeneralRojo
{   
   text-decoration:underline
}

/********************************************************************************************
*             Estilo para GridView General                                                  *
********************************************************************************************/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size: small;
    table-layout: auto;
    border-collapse: collapse;
    border: #444 1px solid;
}
.GridViewStyle caption
{
	/*background-color: #5D7B9D;*/
	color: White;
	font-size: 10pt;
	font-weight: bold;
	height: 22px;
	text-align: center; /*background-image: url('../Imagenes/diseno/banner verde titulo gris.png');*/
	/*background-image: url('../../Imagenes/diseno/HeaderGridGris.jpg');*/
	
	background: url('../Imagenes/Marter.png') no-repeat left top;
	background-position: 0px -1619px; width: 35px; height: 30px; background-repeat: repeat-x;
}

/*Header and Pager styles*/
.HeaderStyle, .PagerStyle
{
	background: url('../Imagenes/Marter.png') no-repeat left top;
    background-position: 0px -1612px; width: 35px; height: 40px; background-repeat: repeat-x;
	background-color: #999999;
}
.HeaderStyle th
{
	padding: 2px;
	font-size: small;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
}
.HeaderStyle a
{
	text-decoration: none;
	color: #ffffff;
	display: block;
	text-align: left;
	font-weight: normal;
	
}
.PagerStyle table
{
    text-align: center;
    margin: auto;
}
.PagerStyle table td
{
    border: 0px;
    padding: 5px;
}
.PagerStyle td
{
    border-top: #1d1d1d 1px solid;
}
.PagerStyle a
{
    color: #ffffff;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px #777777;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-left: solid 1px #777777;
}
.PagerStyle span
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
}

/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td, .RowStyleRed td, .RowStyleGeen td, .RowStyleYellow td, .RowStyleAzul td
{
	padding: 3px;
	border-right: solid 1px #1d1d1d;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.RowStyle td
{
	background-color: #EDE9FA;
}

.AltRowStyle td
{
	background-color: #F2F8F8;
}


.SelectedRowStyle td
{
    background-color: #FFFFAA;
}


/*rojo*/
.RowStyleRed td
{
    /*background-color: #EE0000;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(125,0,0)),color-stop(1, rgb(125,126,125)));*/
    background-color: #FF6666; /*rojo pastel */
    
}

/*Verde*/
.RowStyleGeen td
{
    /*background-color: Lime;*/
    background-color: #DDFFDD;
}

/*Amarillo*/
.RowStyleYellow td
{
    background-color: #FFFF88; /*color pastel*/
}

/*Amarillo*/
.RowStyleAzul td
{
	background-color: #88B5FF; /*color pastel*/
}

/*cuando el cursor esta sobre la celda*/
.RowStyle td:hover, .AltRowStyle td:hover, .SelectedRowStyle td:hover, .RowStyleRed td:hover, .RowStyleGeen td:hover, .RowStyleYellow td:hover
{
	background-color: #FFFFCC;
	font-family: Arial, Verdana, Sans-Serif;
}

